<form class="layui-form seller-form"  action="" >
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">开始时间：</label>
            <div class="layui-input-inline seller-inline-3">
                <input type="text" id="start_time" name="date[]"  placeholder="请选择开始时间"  class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">结束时间：</label>
            <div class="layui-input-inline seller-inline-3" >
                <input type="text" id="end_time" name="date[]"  placeholder="请选择结束时间"  class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
	        <div class="layui-input-block">
	            <button class="layui-btn layui-btn-sm" lay-submit lay-filter="*"><i class="iconfont icon-chaxun"></i>提交</button>
	        </div>
        </div>
    </div>
</form>

<div class="table-body">
    <table id="turnoverTable" lay-filter="turnoverTable">
       <thead>
        <tr>
            <th lay-data="{field:'date', align: 'center'}">日期</th>
            <th lay-data="{field:'taocan_amount', align: 'center'}">套餐金额</th>
            <th lay-data="{field:'order_amount', align: 'center'}">单点金额</th>
            <th lay-data="{field:'total', align: 'center'}">消费总金额</th>
        </tr> 
      </thead>
      <tbody>
        <tr>
          <td>总金额</td>
          <td>{$total_turnover.total_taocan}</td>
          <td>{$total_turnover.total_order}</td>
          <td>{$total_turnover.total_turnover}</td>
        </tr>
        {foreach name="turnover" item="vo" key="k" }
        <tr>
          <td>{$k}</td>
          <td>{$vo.taocan_amount}</td>
          <td>{$vo.order_amount}</td>
          <td>{$vo.total}</td>
        </tr>
        {/foreach}
      </tbody>
    </table>
</div>
<script>
layui.use(['laydate', 'table'], function(){
  var laydate = layui.laydate;
  var table = layui.table;
  //执行一个laydate实例
  laydate.render({
    elem: '#start_time' //指定元素
  });
  laydate.render({
    elem: '#end_time' //指定元素
  });
  table.init('turnoverTable', {limit: 10000}); 
});
</script>